.wdfTab{
	border:none;
	display:none;
	position:absolute;
	z-index:100;
	overflow: auto;
	 background: #fff;
}
.wdfTab .line{
	windth:97%;
	margin-left:1%;
	margin-right:1%;
	border-top:1px solid black;
}
.wdfTab .tabBar{
	border:none;
    width:100%;
}


.tabRightBar{
	height:45px;
	line-height: 45px;
	background: #fff;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	border-top: 9px solid hsla(0, 0%, 100%, 0.5);
	float: right;
}
.wdfTab .tabBar .tab{
	background-color: white;
	font-size: 28px;
	line-height: 50px;
	cursor: pointer;
	overflow: auto;
}

.wdfTab .tabBar .show{
	text-align: center;
}

.wdfTab .contentBar {
	border:none;
	clear:both;
	margin-top:10px;
}

.wdfTab .contentBar .content{
	border:none !important;
	width:100% !important;
	background-color:white !important;
	margin:0px !important;
	height:100%;
}

.wdfTab .contentBar .show{
	border:none;
	width:100%;
	background-color:white;
	position: relative;
}

.wdfTab .btnBar input.zhuanjiao_btn {
	width: 130px;
	height: 42px;
	line-height: 42px;
	color: #fff;
	border: none;
	margin-left: 0;
	border-radius: 1px;
	margin-top: -20px;
}
.wdfTab .btnBar input.okBtn {
	background-image: linear-gradient(to right,#ec1429,#e1eec3);
}

.wdfTab .btnBar input.quxiao_btn {
	width: 128px;
	height: 40px;
	line-height: 42px;
	color: #393e46;
	background: #fff;
	margin-top: -20px;
	margin-left: 10px;
	border: 1px solid #393e46;
	border-radius: 1px;
}

.wdfTab .btnBar input {
	font-size: 14px;
	padding: 0 16px;
	vertical-align: middle;
	cursor: pointer;
	margin-left: 10px;
}

.posTitle{box-shadow: 0 5px 11px #d6e0e4;
	position: absolute;
	top: 54px;
	left: 0;
	width: 100%;
	height: 48px;
	line-height: 48px;
	background: #fff;
	z-index: 1000;display: none;}
.posTitle span{padding-left: 25px; color: #333a4c; font-size: 16px;}

.wdfTabBgPanel{
	position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: url(../imgs/pannel_bg.png) repeat;
    z-index:99;
    display:none;
}

.tab_left{ float: left; width: 76.5%;margin-left: 22px;height:100%;overflow-x:hidden;overflow-y: auto}
.tab_left::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
}
/*#ec1429,#e1eec3*/
.tab_left::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-image: linear-gradient(to top,#ec1429,#e1eec3);
}

.tab_left::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}

.tab_left_top{ margin-bottom: 25px;}
.tab_horizontal{ width: 97%;  padding-top: 20px;  height: 87.6%;  overflow: auto;  margin: auto;}
.tab_horizontal_line{ float: left; width: 100%;padding-top: 30px;margin-left: 100px;padding-bottom: 30px}
.tab_top_label_box_2{ float: left; width: 600px;}

.tab_top_single_label_box{ float: left; width: 100%;}
.tab_top_field{ float: left; width: 440px;}
.tab_top_field_label{ font-size: 14px; color: #222831;  width: 125px; float: left; line-height: 28px;text-align:right;}
.tab_top_field_value{ color: #737a85; line-height: 30px;font-size: 14px;font-weight: normal; float: left; min-height: 30px; width: 315px;display: flex; /*flex-wrap: wrap;*/ justify-content: flex-start; align-items: flex-start;}
.tab_top_field_value .cboxElement{ float: left;margin-left: 10px;}
.tab_top_field_value .cboxElement img{ width: 120px; height: 90px}
.purchase_state{ float: left; color: #ed4747;}
.tab_left_grid { padding-top: 48px; margin-top: 20px;}
.tab_left_grid  table{ width: 100%; text-align: center;  border-left: 1px solid #bebebe;border-top: 1px solid #bebebe;}
.tab_left_grid table th{ background: #fbfcfc; color: #636363; font-size: 14px; border-right: 1px solid #bebebe;border-bottom: 1px solid #bebebe; height: 38px; line-height: 38px;}
.tab_left_grid  table td{ background: #ffffff; color: #636363;border-right: 1px solid #bebebe;border-bottom: 1px solid #bebebe; line-height: 38px;font-size: 12px;}
.tab_left_form{ width: 100%; margin-top:14px;position: relative;}
.tab_left_form_opt_btn{float: right;margin-right: 15px;  }
.tab_left_form_opt_btn input[type=button]{height: 32px; border: 1px solid #fd7013;color: #fff; line-height: 30px; border-radius: 2px; float: right; background: #fd7013; font-size: 14px;min-width: 76px;}
.tab_left_form_opt_btn input[type=button].tab_unpass_btn{ background: #fff; border: 1px solid #393e46; color: #393e46}
.tab_left_form_text{ float: right;}
.tab_left_form_text_label{ float: left;line-height: 32px;}
.tab_left_form input[type=text]{ width: 480px; height: 30px;border:1px solid #fd7013;padding-left: 5px; float:left;margin-left: 20px;}
.operation_list{ border:13px solid #f1f1f1;padding-top: 16px;margin: 30px 13px 0;}
.operation_list dl{  display: block; border-bottom: 1px dashed #bebebe; padding-bottom: 16px; margin:0 22px 16px; clear: both}
.operation_list dt{ float: left; width: 46px; height: 46px;overflow: hidden; border: 3px solid #e4e4e4;}
.operation_list dt img{ width: 46px;}
.operation_list .operation_name{color: #333a4c; font-size: 14px;float: left;}
.operation_list dd.workFlowLogs_con{ margin-left: 12px; float: left; max-width: 900px;}
.operation_list dd.workFlow_img_box{}
.operation_list dd.workFlow_img_box .workFlow_img{ float: left; width: 100px; height: 75px; margin-left: 10px;}
.operation_list dd.workFlow_img_box .workFlow_img img{ width: 100px; height: 75px}
.operation_list .operation_date{ color: #a4adb8;padding-left: 10px;font-size: 14px;}
.operation_list .operation_state{ line-height: 25px; font-size: 14px;display: block;}
.operation_list .unpassState{ color: #ea243b;}
.operation_list .passState{ color: #fd7013;}
.operation_list .peingindState{ color: #808080;}
.operation_list .operation_text{ font-size: 14px; color: #a4adb8;display: block;line-height: 30px;}
.operation_list .operation_fujian{font-size: 14px; color: #a1a1a1;}

.tab_right{
	float: right;
	background: #f3f5f7;
	width: 20%;
	height: 100%;
	overflow: auto;
	margin-right: 17px;
}

.progress_box{margin-top:3%;margin-left:5px;margin-right: 5px; background: #fff; height:96%;overflow: auto;}
.progress_tit{font-size: 16px; color: #2e313a;/* padding-bottom: 10px;*/height:4%; background:#f3f5f7; }
.progress_content{overflow-x:hidden;overflow-y:hidden;/*height:96%*/}

/* 滚动条样式 */
.progress_box::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
}
/*#ec1429,#e1eec3*/
.progress_box::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-image: linear-gradient(to top,#ec1429,#e1eec3);
}

.progress_box::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}

.progress_content dl{ padding: 0px 0;margin: 24px 0px -4px 16px}
.progress_content dl dt{ float: left; width: 20px; height: 40px;}
.progress_content dl dt .flowNodeIDStat{background: url("../imgs/stating_mark.png") no-repeat 0 -43px; width: 13px; height: 13px;display: block;margin-top: 5px;}
.progress_content dl dt .stating{ background-position: 0 0;}
.progress_content dl .progress_user{ color: #222831;  font-size: 14px;}
.progress_content dl .progress_data{ color: #a4adb8; font-size: 14px;}
.progress_content dl dd{ float: left; width: 210px;}
.progress_content dl dd span{}
.progress_content dl dd .progress_state{line-height: 25px; font-size: 14px;display: block}
.progress_content dl dd .passState{color: #25d30e;}
.progress_content dl dd .unpassState{color: #ed4747;}
.progress_content dl dd .passStating{color: #fd7013;}
.progress_content dl dd .peingindState{ color:#fc4528;}
.progress_content dl dd .progress_name{ color: #8f9db0; font-size: 14px; line-height: 25px; margin-left: 5px;}
.wdfTab .closeBtn {
	background: url(../imgs/bombType2_close_btn.png) no-repeat;
	width: 76px;
	height: 26px;
	left: 50px;
	top: 10px;
	text-indent: -9999px;
	position: absolute;
	cursor: pointer;
}
.wdfTab .tabRightBar .closeBtn{
	background: url(../imgs/close_btn2.png) no-repeat;
	top: 14px;
	width: 30px;
	height: 30px;

}
.enclosure_box{ float: left;height: 25px; line-height: 25px; position: relative; margin-left: 1px;}
.enclosure_box a{ float: left;}
.enclosure_box .enclosure_btn{ display: block;padding-left: 28px; background: url("../imgs/fujian_mark.png") no-repeat left center;  color: #e04f4f}
.enclosure_box .enclosure_btn_uploaded{color: #28abef; background: url("../imgs/uploaded_mark.png") no-repeat 6px center;}
.wdfTab .test{ overflow: inherit;position: relative}
.wdfTab .test .WdfGrid_ScrollDiv{ border: none; padding-left: 0;padding-right: 0;overflow: inherit;display: none;}
.wdfTab .test .WdfGrid_ScrollDiv .gridShouqi_btn{}
.wdfTab .test .WdfGrid_ScrollDiv>table{ width: 100%;}
.wdfTab .gridShouqi_btn{ background: url("../imgs/grid_shouqi.png") no-repeat center #fff; width: 110px; height: 20px; position: absolute; left:0; top: -40px;cursor: pointer;display: none}
.wdfTab .gridZhankai_btn{ background: url("../imgs/grid_zhankai.png") no-repeat center #fff; width: 110px; height: 20px;cursor: pointer;position: absolute;left: 0; top: -40px;display: none}
.wdfTab .btnContent .btnsBar{    height: 50px;
	padding-top: 10px;
	text-align: center;}
.wdfTab .btnContent .btnsBar button {
	margin-left: 10px;
	font-size: 14px;
	color: rgb(255, 255, 255);
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 2px;
	border: 1px solid #fd7013;
	background: rgb(253, 112, 19);
	min-width: 130px;
	padding: 0;
}
.wdfTab .btnContent .btnsBar .cancelSave_btn {
	background: #fff;
	border: 1px solid #393e46;
	color: #393e46;
}